.outer_treeview{
	padding:10px;
}
.treeview{
    line-height: 28px;
}

.treeview ul {

}

.treeview .hitarea {
	background: url(../images/node.png) left top no-repeat;
	height: 28px;
	width: 28px;
	margin-left: -28px;
	float: left;
	cursor: pointer;
    background-size: 100% auto;
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	border-radius:3px;
}
.treeview .hitarea:hover{
background-color: #ebebeb;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding-left: 28px;
}
.treeview li .txt{
	border-radius:3px;
	padding: 0 6px;
	margin-left: -6px;
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
}
.treeview .selected {
	color: #fff;
	background-color: #39b273;

}
.treeview li .txt:hover{
	background-color: #ebebeb;
	cursor: pointer;
}
.treeview li .selected.txt:hover{
	color: #fff;
	background-color: #39b273;
}

.treeview li .num {
	background-color: #ebebeb;
	color: #808080;
	font-size: 10px;
	line-height: 16px;
	padding: 0 4px;
	border-radius: 16px;
	margin:0 6px 0 6px;
	margin-top: 6px;

}
#treecontrol { margin: 1em 0; display: none; }



.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: left bottom; }

.treeview li.last { background-position: 0 -1762px }

.treeview div.lastCollapsable-hitarea { background-position: left top; }

.treeview div.lastExpandable-hitarea { background-position: left bottom; }


.treeview_pure.treeview li {
	background-image: none;
}
.treeview_pure.treeview .hitarea{
	background-image: url(../images/node2.png);
}